
/*css 权重
!important 			光叔 无限大
行间样式				1000
id  				100
class|属性|伪类		10
标签|伪元素			1
通配符				0*/
/*
盒子三大组成部分
盒子壁 border

内边距 padding 

盒子内容  width + height

*/
* {
	padding: 0;
	margin: 0;
}

em {
	font-style: normal;
	color: #c00;
}

a {
	text-decoration: none;
	color: #f40;
}






.red {
	background-color: red;
}
.green {
	background-color: green;
}
.gray {
	background-color: gray;
}


.size1 {
	width: 200px;
	height: 200px;
}
.size2 {
	width: 200px;
	height: 200px;
}
.size3 {
	width: 300px;
	height: 300px;
}


img {
	width: 100px;
	height: 100px;
	background-color:#f40;
}

span {
	display: inline;
}

div {
	display: block;
}


#choose:hover {
	background-color: orange;
}

.class:hover {
	background-color: #f40;
	color:#fff;
	font-size: 20px;
	font-weight: bold;
	font-family: arial;
	border-radius: 10px;
	text-decoration: none;
}

em {
	text-decoration: line-through;
}

span {
	color: rgb(0,0,238);
	text-decoration: underline;
	cursor: pointer;		/*鼠标提示符*/

}


div {
	font-size: 20px;
	border : 1px solid black;
	text-align:left; 
	height: 200px;
	line-height: 1.2em;  /*单行居中 文本高度=行高度*/
	text-indent: 2em;
}


















